<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<%@ include file="/WEB-INF/jsp/importHead.jsp"%>
<%@ include file="/WEB-INF/jsp/importCommonCss.jsp"%>
<link rel="stylesheet" type="text/css" href="${basePath }/css/index-old.css" />
<style>

.show_met_16_1 .nav {
	border: 1px solid #e4eaec;
}
.show_met_16_1 .nav .nav-link{
	color: #62a8ea;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
}

.show_met_16_1 .nav .nav-link.active{
	color: #FFF;
    background-color: #0075c1;
}

.show_met_16_1 .nav .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
	color: #FFF;
    background-color: #0075c1;
}

.custom-nav{
	width: 160px;
	float: left;
}

.custom-content{
	width: calc(100% - 180px);
	margin-left: 20px;
	float: left;
}

.breadcrumb {
  padding: 8px 15px;
  margin: 0 0 20px;
  list-style: none;
}
.breadcrumb li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb .active {
  color: #999999;
}
.red{
	color: red;
}
.bgcolor{
	background-color: #fff;
}
.pager .btn:hover{
	background-color: #F5F5F5;
}
</style>
</head>

<body class="met-navfixed">
	<%@ include file="/WEB-INF/jsp/importHeader.jsp"%>

	<main class="show_met_16_1 met-show-body panel panel-body m-b-0" style="background-color: #F5F5F5;border-top: solid 2px #4ca8d8;">
		<div class="container">
			<ul class="breadcrumb" style="margin-bottom: 5px;">
		      <li><a href="${basePath }">首页</a><span class="divider">></span></li>
		      <li class="active">个人中心</li>
		  	</ul>
		  	
		  	<div class="col-xs-12">
				<div class="custom-nav bgcolor">
				    <ul class="nav nav-list" style="height: 200px;">
				      <c:if test="${onlyCollection ne true or onlyCollection ne 'true'}">				   
				      <li class="nav-item nav-tabs"><a class="nav-link text-xs-center p-t-1" href="${basePath }/personalCenter">个人设置</a></li>
				      <li class="nav-item nav-tabs"><a class="nav-link text-xs-center p-t-1" href="${basePath }/changePwd">密码修改</a></li>
				      </c:if>
				      <li class="nav-item nav-tabs"><a class="nav-link text-xs-center p-t-1 active" href="${basePath }/sendAtri?pageNum=1&onlyCollection=${onlyCollection}">材料报送</a></li>
				    </ul>
			    </div>
			    
			    <div class="custom-content bgcolor" style="min-height: 400px;border: 1px #dcdcdc solid;padding: 20px;">
					<div class="container-fluid form-group" style="border-bottom: 1px #dcdcdc dashed;padding-bottom: 10px;margin-bottom: 20px;">
						<label class="col-xs-10 form-control-label text-xs-left">
							<h4>材料报送</h4>
						</label>
						<a class="col-xs-2 form-control-label red text-xs-right" href="${basePath }/editFile?onlyCollection=${onlyCollection}">
							<i class="icon wb-plus"></i>新增
						</a>
					</div>
					<div class="container-fluid form-group">
						<table class="table table-hover table-striped table-bordered">
						  <thead>
						    <tr class="success">
						      <th>报送事项</th>
						      <th>技术成果名称</th>
						      <th width="154px">报送时间</th>
						      <th width="100px">审核状态</th>
						      <th width="210px">操作</th>
						    </tr>
						  </thead>
						  <tbody id="contentTBody">
						  	<c:choose>
							<c:when test="${filedatas.size() > 0}">
							<c:forEach items="${filedatas}" var="f" varStatus="status">
								<tr>
									<fmt:formatDate value="${f.czsj}" pattern="yyyy-MM-dd HH:mm:ss" var="czsj" />
									<td>${f.submission }</td>
									<td>${f.title }</td>
									<td>${czsj }</td>
									<td>
										<c:choose>
											<c:when test="${f.shzt eq 'W' or f.shzt eq 'w'}">
												待审核
											</c:when>
											<c:when test="${f.shzt eq 'Y' or f.shzt eq 'y'}">
												审核通过
											</c:when>
											<c:when test="${f.shzt eq 'N' or f.shzt eq 'n'}">
												审核不通过
											</c:when>
											<c:otherwise>
												待审核
											</c:otherwise>
										</c:choose>
									</td>
									<td>
										<div class="btn-group">
											<a class="btn" href="${basePath }/previewContentUser?seqId=${f.sqlId }&pageNum=${page}&onlyCollection=${onlyCollection}">详情</a>
										</div>
										<div class="btn-group">
											<a class="btn" href="${basePath }/editFile?fileid=${f.sqlId }&pageNum=${page}&onlyCollection=${onlyCollection}">修改</a>
										</div>
										<div class="btn-group">
											<a class="btn" href="${basePath }/deleteFile?fileid=${f.sqlId }&pageNum=${page}&onlyCollection=${onlyCollection}">删除</a>
										</div>
									</td>
								</tr>
							</c:forEach>
							</c:when>
							<c:otherwise>
								<tr><td colspan="4">暂无数据</td></tr>
							</c:otherwise>
							</c:choose>
						  </tbody>
						</table>
						<ul class="pager">
							<li class="previous btn" style="border: 1px #F5F5F5 solid;padding: 0;"><a class="btn" href="${basePath }/sendAtri?pageNum=${page - 1}&onlyCollection=${onlyCollection}">上一页</a></li>
							<li class="next btn" style="border: 1px #F5F5F5 solid;padding: 0;"><a class="btn" href="${basePath }/sendAtri?pageNum=${page + 1}&onlyCollection=${onlyCollection}">下一页</a></li>
						</ul>
					</div>
			    </div>
		    </div>
		</div>
	</main>


	<%@ include file="/WEB-INF/jsp/importFooter.jsp"%>
	<%@ include file="/WEB-INF/jsp/importCommonJS.jsp"%>
	<script type="text/javascript" src="${basePath}/js/layer/layer.js"></script>
	<script>
		var result = "${result}";
		
		if(result){
			layer.confirm(result);
		}
	</script>
</body>
</html>